html body .index {
  margin-top: calc(60px + 1rem); }
  html body .index .main-main {
    width: 75%; }
    html body .index .main-main .main-content {
      width: 100%;
      padding: 1.5rem 2.4rem; }
      html body .index .main-main .main-content .list {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        padding-left: 0.3rem;
        justify-content: space-between; }
        html body .index .main-main .main-content .list li {
          width: 49%;
          padding: 0.6rem 1.2rem;
          color: var(--theme-text-color);
          margin: 0 0.15rem; }
          html body .index .main-main .main-content .list li:hover {
            background-color: var(--theme-color);
            border-radius: 8px;
            color: white; }
            html body .index .main-main .main-content .list li:hover * {
              color: var(--theme-hover-color); }
            html body .index .main-main .main-content .list li:hover .excerpt {
              color: var(--theme-hover-color) !important; }
          html body .index .main-main .main-content .list li a {
            text-decoration: none;
            display: flex;
            justify-content: flex-start;
            width: 100%;
            margin: 0;
            padding: 0; }
            html body .index .main-main .main-content .list li a .datetime {
              white-space: nowrap;
              font-size: var(--theme-third-level-title);
              height: fit-content;
              margin-top: 0.05rem; }
            html body .index .main-main .main-content .list li a .info {
              width: 100%;
              display: flex;
              margin-left: 0.8rem;
              flex-direction: column;
              overflow: hidden; }
              html body .index .main-main .main-content .list li a .info .title, html body .index .main-main .main-content .list li a .info .excerpt {
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
              html body .index .main-main .main-content .list li a .info .title {
                font-size: 1rem;
                font-weight: 500;
                color: inherit; }
              html body .index .main-main .main-content .list li a .info .excerpt {
                margin-top: 0.3rem;
                font-size: 0.80rem;
                color: var(--theme-text-secondary); }

@media (max-width: 1024px) {
  html body .index .main-main .main-content {
    padding: 1.5rem 0.5rem; }
    html body .index .main-main .main-content .list {
      padding: 0; }
      html body .index .main-main .main-content .list li {
        width: 100%; } }

@media (max-width: 480px) {
  html body .index {
    margin-top: calc(55px + 1rem); }
    html body .index .main-main {
      width: 96.5%; }
      html body .index .main-main .main-content {
        padding: 0.2rem 0 !important; } }
